<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <!-- <School name="奥克斯小学"></School> -->
    <School name="奥克斯幼儿园" @receiveSchoolName="receiveSchoolName"></School>
    <Student></Student>
  </div>
</template>

<script>
import School from './components/School'
import Student from './components/Student'

export default {
  name: 'App',
  components: {
    School, Student
  },
  methods:{
    receiveSchoolName(name) {
      console.log('@@schoolName:' + name)
    }
  }
}
</script>

<style>

</style>
